<script setup>
import { reactive, ref } from 'vue'
import ContentArticle from '@/components/main/article/content-article.vue'

//dialog显示
const dialogVisible = ref(false)

//添加用户表单
const addForm = reactive({})

//校验规则
const formRef = ref()

//编辑回显信息
const dialogEditInfoBtn = (data) => {
  dialogVisible.value = true
  //调用接口展示角色信息
  Object.assign(addForm, data)
}
</script>

<template>
  <div class="detail">
    <content-article v-model="dialogVisible" />
  </div>
</template>

<style scoped lang="less">
.dialog {
  .el-form {
    margin-left: 25px;
    margin-top: 30px;
  }

  .el-form-item {
    font-weight: 700;
  }
}
</style>
